<form class="inforInput form-inline">
    <div class="form-group" ng-class="{'has-error has-feedback': infoNameStyle}">
        <label for="infoName">姓名：</label>
        <input type="text" class="form-control" id="infoName" ng-model="infoName" ng-blur="checkInfoName()" placeholder="请输入客户姓名">
        <span ng-show="infoNameStyle" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
        <span ng-show="infoNameStyle" class="help-block">请输入客户姓名或昵称，以便日后查询</span>
    </div>
    <div class="form-group">
        <label for="infoContinent">地区：</label>
        <input type="text" class="form-control" id="infoContinent" ng-model="infoContinent" list="infoContinentOption" placeholder="来源地">
        <datalist id="infoContinentOption">
            <option value="亚洲"></option>
            <option value="欧洲"></option>
            <option value="北美洲"></option>
            <option value="南美洲"></option>
            <option value="大洋洲"></option>
            <option value="非洲"></option>
        </datalist>
    </div>
    <div class="form-group">
        <label for="infoContry">国籍：</label>
        <input type="text" class="form-control" id="infoContry" ng-model="infoContry" list="infoContryOption" placeholder="来源地">
        <datalist id="infoContryOption">
            <option ng-repeat="country in countries" value="{{ country.name_cn }}"></option>
        </datalist>
        <!-- <ui-select class="form-control" ng-model="country.selected" theme="selectize" ng-disabled="disabled" style="width: 180px;" title="Choose a country">
            <ui-select-match placeholder="选择国籍">{{$select.selected.name_cn}}</ui-select-match>
            <ui-select-choices repeat="country in countries | filter: $select.search">
                <span ng-bind-html="country.name | highlight: $select.search"></span>
                <span ng-bind-html="country.name_cn | highlight: $select.search"></span>
                <small ng-bind-html="country.code | highlight: $select.search"></small>
            </ui-select-choices>
        </ui-select> -->
    </div>
    <div class="form-group" ng-class="{'has-error has-feedback': infoEmailStyle}">
        <label for="infoEmail">邮箱：</label>
        <input type="email" class="form-control" id="infoEmail" ng-model="infoEmail" ng-blur="checkInfoEmail()" placeholder="请输入客户邮箱">
        <span ng-show="infoEmailStyle" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
        <span ng-show="infoEmailStyle" class="help-block">您好，请输入正确的邮箱地址</span>
    </div>
    <div class="form-group">
        <label for="infoPhone">电话：</label>
        <input type="tel" class="form-control" id="infoPhone" ng-model="infoPhone" placeholder="请输入客户电话">
    </div>
    <div class="form-group">
        <label for="infoAddress">地址：</label>
        <input type="text" class="form-control" id="infoAddress" ng-model="infoAddress" placeholder="请输入客户地址">
    </div>
    <div class="form-group">
        <label for="infoShoppingSource">购买渠道：</label>
        <input type="text" class="form-control" id="infoShoppingSource" ng-model="infoShoppingSource" list="infoShoppingSourceOption" placeholder="购买渠道">
        <datalist id="infoShoppingSourceOption">
            <option>Distributor</option>
            <option>Dealer</option>
            <option>官网</option>
            <option>Ebay</option>
            <option>Wish</option>
            <option>淘宝</option>
            <option>天猫</option>
            <option>京东</option>
            <option>亚马逊</option>
            <option>国内分销</option>
            <option>国外分销</option>
            <option>其它渠道</option>
        </datalist>
    </div>
    <div class="form-group">
        <label for="infoRecommended">推荐人：</label>
        <input type="text" class="form-control" id="infoRecommended" ng-model="infoRecommended" placeholder="请输入推荐人">
    </div>
    <div class="form-group">
        <label for="infoRemarks">备注信息：</label>
        <input type="text" class="form-control" id="infoRemarks" ng-model="infoRemarks" placeholder="请输入备注信息">
    </div>
    <div class="form-group">
        <label for="infoSource">客户渠道：</label>
        <input type="text" class="form-control" id="infoSource" ng-model="infoSource" list="infoSourceOption" placeholder="客户渠道">
        <datalist id="infoSourceOption">
            <option>社交媒体</option>
            <option>市场活动</option>
            <option>国内展会</option>
            <option>国外展会</option>
            <option>国内电商</option>
            <option>国外电商</option>
            <option>其它渠道</option>
        </datalist>
    </div>
    <div class="form-group">
        <!-- <datepicker ng-model="dt" min-date="minDate" show-weeks="true" class="wellwell-sm"></datepicker> -->
        <label for="infoItemDatetime">购买日期：</label>
        <p class="input-group informationDatePicker">
            <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="dt" is-open="opened" min-date="2000-1-1" max-date="'2099-12-30'" datepicker-options="dateOptions" date-disabled="disabled(date,mode)" ng-required="true" close-text="Close">
            <span class="input-group-btn">
                <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
            </span>
        </p>
    </div>
    <table class="table table-bordered table-hover">
        <caption>购买记录</caption>
        <tr>
            <th>商品名</th>
            <th>价格</th>
            <th>数量</th>
            <th>商品编号</th>
            <th>总价</th>
            <th>操作</th>
        </tr>
        <tr ng-repeat="item in infoItem">
            <td contenteditable="true" ng-model="infoItemName"></td>
            <td contenteditable="true" ng-model="infoItemPrice"></td>
            <td contenteditable="true" ng-model="infoItemNum"></td>
            <td contenteditable="true" ng-model="infoItemNumber"></td>
            <td contenteditable="true" ng-model="infoItemTotalPrice"></td>
            <td>
                <a href="" class="glyphicon glyphicon-plus" aria-hidden="true" ng-click="addItem($index)"></a>
                <a href="" class="glyphicon glyphicon-minus" aria-hidden="true" ng-click="delItem($index)" ng-hide="deleteItem"></a>
            </td>
        </tr>
    </table>
    <button type="submit" class="btn btn-default" ng-click="submitInfo()">提交</button>
</form>
